<template>
  <div class="indexmap">
    <div class="tdMap-box">
      <threeMap class="three-map" ref="threeMap">
        <template slot="buttonGroup">
          <el-dropdown class="tjsc-dropdown" @command="handleDropDownView">
            <el-button class="line" size="medium">
              图件审查
              <i class="el-icon-arrow-down el-icon--right"></i>
            </el-button>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item
                v-for="(item, index) in detailData.drawings"
                :key="index"
                :command="index"
                >{{ item.fileName }}</el-dropdown-item
              >
            </el-dropdown-menu>
          </el-dropdown>
        </template>
        <template slot="projectDialog">
          <el-container class="mainBox" v-show="!isHidde">
            <el-tabs
              class="checkTabs"
              tab-position="left"
              
              v-model="activeMaincheck"
            >
              <el-tab-pane label="综合监管" v-loading="listLoading" name="syn">
                <el-row class="topRow">
                  <span class="tit">综合监管</span>
                </el-row>
                <el-row
                  class="txtContent"
                  v-for="item in zongheList"
                  :key="item"
                >
                  <div class="txtItems">
                    <span class="txtTitle">测绘单位：重庆东方测绘有限公司</span>
                    <span>测绘人员：{{ item.name }}</span>
                    <span>测绘时间：{{ item.time }}</span>
                    <span>测绘地点：{{ item.place }}</span>
                    <span>位置(经纬度)：{{ item.coorDonate }}</span>
                    <!-- <span>位置(经纬度)：坐标X 107.45；坐标Y 302.09</span> -->
                  </div>
                  <!-- <div class="toolBtn">
              <a href="javascript:void(0)">查看</a>
            </div> -->
                </el-row>
                <div v-if="zongheList.length == 0" class="no-data">
                  暂无数据
                </div>
              </el-tab-pane>
              <el-tab-pane
                class="ideaTabs"
                label="审查意见"
                v-loading="listLoading"
                name="rep"
              >
                <el-tabs @tab-click="handleClick" tab-position="top" v-model="ideaTabs">
                  <el-tab-pane label="初审内业审查意见" name="fsnysc">
                    <el-row
                      class="txtContent"
                      v-for="(item, index) in yjList"
                      :key="index"
                    >
                      <div class="txtItems">
                        <span class="changeTime">{{ item.createTime }}</span>
                        <div class="subItem">
                          <span>问题图层：{{item.drawingType == "X_M_B_G_X_M_H_X"? "变更项目红线": item.drawingType == "X_M_B_G_G_H_S_J_T"? "规划设计图": ""}}</span>
                          <span
                            >问题类型：{{
                              item.contentType == 1
                                ? "一般错误"
                                : item.contentType == 2
                                ? "严重错误"
                                : item.contentType == 3
                                ? "疑问片块"
                                : "无问题"
                            }}</span
                          >
                        </div>
                        <span>
                          问题位置：坐标X {{ item.xpoint }}；坐标Y
                          {{ item.ypoint }}
                        </span>
                        <span>问题描述：{{ item.content }}</span>
                        <div class="changeStatus">
                          <span>修改情况：</span>
                          <span>{{
                            item.status == 1
                              ? "正常"
                              : item.status == 2
                              ? "修改不通过"
                              : "修改通过"
                          }}</span>
                        </div>
                      </div>
                      <div class="toolBtn" v-if="!disabled">
                        <div class="toolBtn">
                          <span
                            class="eidtState"
                            @click="showEditBox(item, index)"
                            >修改情况</span
                          >
                          <a
                            class="del"
                            href="javascript:void(0)"
                            @click="handleRemove(item)"
                            >删除</a
                          >
                          <div
                            class="eidtStateBox"
                            v-show="item.eidtState == true"
                            :loading="editLoading"
                          >
                            <el-radio
                              @change="eidtAdvice($event, item)"
                              v-for="(it, index) in statusList"
                              v-show="index !== 0"
                              :key="it.v"
                              v-model="item.status"
                              :label="it.v"
                              >{{ it.t }}</el-radio
                            >
                          </div>
                        </div>
                      </div>
                    </el-row>
                    <div v-if="yjList.length == 0" class="no-data">
                      暂无数据
                    </div>
                    <!-- 添加复审内业审查意见 -->
                    <el-form
                      class="formFsnysc"
                      v-model="formFsnysc"
                      v-if="fsnyscAdd"
                    >
                      <div class="pblLayItem">
                        <el-form-item label="问题图层">
                          <el-select v-model="formFsnysc.drawingType">
                            <el-option
                              :label="item.label"
                              :value="item.value"
                              v-for="(item, index) in selectList1"
                              :key="index"
                            ></el-option>
                          </el-select>
                        </el-form-item>
                        <el-form-item label="问题类型">
                          <el-select @change="changeWentiType" v-model="formFsnysc.contentType">
                            <el-option
                              :label="item.label"
                              :value="item.value"
                              v-for="(item, index) in selectList2"
                              :key="index"
                            ></el-option>
                          </el-select>
                        </el-form-item>
                      </div>
                      <el-form-item v-show="hideProblem" label="问题位置" inline-message>
                        <div class="pblLayItem">
                          <div class="group">
                            <span class="posLab">坐标x</span>
                            <el-input
                              v-model="formFsnysc.xpoint"
                              class="pos"
                            ></el-input>
                          </div>
                          <div class="group">
                            <span class="posLab">坐标y</span>
                            <el-input
                              v-model="formFsnysc.ypoint"
                              class="pos"
                            ></el-input>
                          </div>
                          <el-button
                            class="position el-icon-delete-location"
                            @click="handlePickup"
                            >拾取</el-button
                          >
                        </div>
                      </el-form-item>
                      <el-form-item v-show="hideProblem" label="问题描述">
                        <el-input
                          v-model="formFsnysc.content"
                          class="txtArea"
                          type="textarea"
                          rows="7"
                        ></el-input>
                      </el-form-item>
                      <div class="btns">
                        <el-button class="submit" @click="handleAddFsnysc"
                          >提交</el-button
                        >
                        <el-button class="cancel" @click="handleAddClose"
                          >取消</el-button
                        >
                      </div>
                    </el-form>
                  </el-tab-pane>
                  <el-tab-pane label="初审外业审查意见" name="fswysc">
                    <el-row
                      class="txtContent"
                      v-for="(item, index) in wyyjList"
                      :key="index"
                    >
                      <div class="txtItems">
                        <span class="changeTime">{{ item.createTime }}</span>
                        <div class="subItem">
                          <span>问题图层：{{item.drawingType == "X_M_B_G_X_M_H_X"? "变更项目红线": item.drawingType == "X_M_B_G_G_H_S_J_T"? "规划设计图": ""}}</span>
                          <span
                            >问题类型：{{
                              item.contentType == 1
                                ? "一般错误"
                                : item.contentType == 2
                                ? "严重错误"
                                : item.contentType == 3
                                ? "疑问片块"
                                : "无问题"
                            }}</span
                          >
                        </div>
                        <span>
                          问题位置：坐标X {{ item.xpoint }}；坐标Y
                          {{ item.ypoint }}
                        </span>
                        <span>问题描述：{{ item.content }}</span>
                        <div class="changeStatus">
                          <span>修改情况：</span>
                          <span>{{
                            item.status == 1
                              ? "正常"
                              : item.status == 2
                              ? "修改不通过"
                              : "修改通过"
                          }}</span>
                        </div>
                      </div>
                      <div class="toolBtn" v-if="!disabled">
                        <div class="toolBtn">
                          <span
                            class="eidtState"
                            @click="showEditBox1(item, index)"
                            >修改情况</span
                          >
                          <a
                            class="del"
                            href="javascript:void(0)"
                            @click="handleRemove(item)"
                            >删除</a
                          >
                          <div
                            class="eidtStateBox"
                            v-show="item.eidtState == true"
                            :loading="editLoading"
                          >
                            <el-radio
                              @change="eidtAdvice($event, item)"
                              v-for="(it, index) in statusList"
                              v-show="index !== 0"
                              :key="it.v"
                              v-model="item.status"
                              :label="it.v"
                              >{{ it.t }}</el-radio
                            >
                          </div>
                        </div>
                      </div>
                    </el-row>
                    <div v-if="wyyjList.length == 0" class="no-data">
                      暂无数据
                    </div>
                    <!-- 添加复审内业审查意见 -->
                    <el-form
                      class="formFsnysc"
                      v-model="formFswysc"
                      v-if="fswyscAdd"
                    >
                      <div class="pblLayItem">
                        <el-form-item label="问题图层">
                          <el-select v-model="formFswysc.drawingType">
                            <el-option
                              :label="item.label"
                              :value="item.value"
                              v-for="(item, index) in selectList1"
                              :key="index"
                            ></el-option>
                          </el-select>
                        </el-form-item>
                        <el-form-item label="问题类型">
                          <el-select @change="changeWentiType" v-model="formFswysc.contentType">
                            <el-option
                              :label="item.label"
                              :value="item.value"
                              v-for="(item, index) in selectList2"
                              :key="index"
                            ></el-option>
                          </el-select>
                        </el-form-item>
                      </div>
                      <el-form-item v-show="hideProblem" label="问题位置" inline-message>
                        <div class="pblLayItem">
                          <div class="group">
                            <span class="posLab">坐标x</span>
                            <el-input
                              v-model="formFswysc.xpoint"
                              class="pos"
                            ></el-input>
                          </div>
                          <div class="group">
                            <span class="posLab">坐标y</span>
                            <el-input
                              v-model="formFswysc.ypoint"
                              class="pos"
                            ></el-input>
                          </div>
                          <el-button
                            class="position el-icon-delete-location"
                            @click="handlePickup"
                            >拾取</el-button
                          >
                        </div>
                      </el-form-item>
                      <el-form-item v-show="hideProblem" label="问题描述">
                        <el-input
                          v-model="formFswysc.content"
                          class="txtArea"
                          type="textarea"
                          rows="7"
                        ></el-input>
                      </el-form-item>
                      <div class="btns">
                        <el-button class="submit" @click="handleAddFswysc"
                          >提交</el-button
                        >
                        <el-button class="cancel" @click="handleAddClose1"
                          >取消</el-button
                        >
                      </div>
                    </el-form>
                  </el-tab-pane>
                </el-tabs>
                <el-button
                  @click="handleAdd"
                  v-if="ideaTabs === 'fsnysc' && !disabled"
                  :disabled="fsnyscAdd"
                  class="blue"
                  >新增</el-button
                >
                <el-button
                  @click="handleAdd"
                  v-if="ideaTabs === 'fswysc' && !disabled"
                  :disabled="fswyscAdd"
                  class="blue"
                  >新增</el-button
                >
              </el-tab-pane>
            </el-tabs>
          </el-container>
        </template>
      </threeMap>
    </div>
  </div>
</template>

<script>
import {
  getAlterationDrawingAuditAdviceList,
  getProjectNewestAlterationExpertConsultation,
  addAlterationDrawingAuditAdvice,
  changeDrawingAuditStatus,
  deleteAlterationDrawingAuditAdvice,
  supervisingInfo
} from "@/api/project1/designChange/countyApply/index";
import threeMap from "@/components/threeMap";
import { getFileDetail } from "@/api/common";
export default {
  name: "blueprint",
  components: {
    threeMap
  },
  data() {
    return {
      eidtState: false,
      isHidde: false,
      ideaTabs: "fsnysc",
      activeMaincheck: "syn",
      fsnyscAdd: false,
      fswyscAdd: false,
      formFsnysc: {
        xpoint: 0,
        ypoint: 0,
        projectId: localStorage.getItem("projectId"),
        drawingType: "",
        // drawingFileId: 1,
        content: "",
        auditType: 1,
        status: 1,
        alterationId: "",
        phase: 1,
        contentType: ""
      },
      formFswysc: {
        xpoint: 0,
        ypoint: 0,
        projectId: localStorage.getItem("projectId"),
        drawingType: "",
        // drawingFileId: 1,
        content: "",
        auditType: 2,
        status: 1,
        alterationId: "",
        phase: 1,
        contentType: ""
      },
      formFswyhc: {
        cheLay: "",
        pblDesc: ""
      },
      biangengId: "",
      wyyjList:[],
      yjList: [],
      csyjList: [],
      cswyyjList:[],
      selectList1: [
        { value: "X_M_B_G_X_M_H_X", label: "变更项目红线" },
        { value: "X_M_B_G_G_H_S_J_T", label: "规划设计图" }
      ],
      selectList2: [
        { value: 4, label: "无问题" },
        { value: 1, label: "一般错误" },
        { value: 2, label: "严重错误" },
        { value: 3, label: "疑问片块" }
      ],
      statusList: [
        { v: 1, t: "未修改" },
        { v: 2, t: "未通过" },
        { v: 3, t: "通过" }
      ], // 修改状态
      listLoading: false,
      zongheList: [],
      detailData: [],
      editLoading:false,
      hideProblem:true, //显示隐藏问题些(默认开启)
      disabled:true,
    };
  },
  computed: {
    getDate() {
      const date = new Date();
      return date.getFullYear() + "/" + date.getMonth() + "/" + date.getDay();
    }
  },
  created() {
    if (this.$route.name === localStorage.getItem("key")) {
      this.disabled = false;
    }
    if (localStorage.getItem("lookStatus") == 2) {
      this.disabled = true;
    }
    this.getMainData();
    this.getZonghe();
  },
  methods: {
    //切换内外业意见
    handleClick(){
      if(this.ideaTabs == "fsnysc"){
        this.formFswysc={
          xpoint: 0,
          ypoint: 0,
          projectId: localStorage.getItem("projectId"),
          drawingType: "",
          // drawingFileId: 1,
          content: "",
          auditType: 1,
          status: 1,
          alterationId: "",
          phase: 1,
          contentType: ""
        }
        this.hideProblem = true
      }else{
        this.formFsnysc={
          xpoint: 0,
          ypoint: 0,
          projectId: localStorage.getItem("projectId"),
          drawingType: "",
          // drawingFileId: 1,
          content: "",
          auditType: 1,
          status: 1,
          alterationId: "",
          phase: 1,
          contentType: ""
        }
        this.hideProblem = true
      }
    },
    //切换问题类型
    changeWentiType(val){
      console.log(val,"aaaa")
      if(val == 4){
        this.hideProblem = false
      }else{
        this.hideProblem = true
      }
      console.log(this.hideProblem)
      this.$forceUpdate()
    },
    //综合监管信息
    getZonghe() {
      var data = {
        page: 1,
        size: 99999,
        projectId: localStorage.getItem("projectId")
      };
      supervisingInfo(data).then(res => {
        console.log(res, "综合监管信息");
        this.zongheList = res.data.rows;
      });
    },
    //删除意见
    handleRemove(item) {
      var data = {
        id: item.id
      };
      this.$confirm("是否删除此条意见?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          deleteAlterationDrawingAuditAdvice(data)
            .then(res => {
              this.$message({
                message: "修改成功",
                type: "success"
              });
              this.getMainData();
            })
            .catch(err => {});
        })
        .catch(() => {});
    },
    showEditBox(item, index) {
      this.yjList[index].eidtState = !this.yjList[index].eidtState;
      this.$forceUpdate();
      console.log(this.yjList[index]);
    },
    showEditBox1(item, index) {
      this.wyyjList[index].eidtState = !this.wyyjList[index].eidtState;
      this.$forceUpdate();
      console.log(this.wyyjList[index]);
    },
    // 修改图件审查修改状态
    eidtAdvice(value, item) {
      this.editLoading = true
      var data = {
        status: value,
        id: item.id
      };
      changeDrawingAuditStatus(data)
        .then(res => {
          this.editLoading = false
          this.$message({
            message: "修改成功",
            type: "success"
          });
          item.eidtState = false;
          this.getMainData();
          this.$forceUpdate();
        })
        .catch(err => {
          this.editLoading = false
        });
    },
    getTujianYjData(id, num) {
      var data = {
        projectId: localStorage.getItem("projectId"),
        alterationId: id,
        phase: num,
        auditType:1,
      };
      getAlterationDrawingAuditAdviceList(data)
        .then(res => {
          this.listLoading = false;
          console.log(res, "意见列表");
          this.yjList = res.data.rows;
          this.yjList.forEach((v, i) => {
            v["eidtState"] = false;
          });
        })
        .catch(err => {
          this.listLoading = false;
        });
    },
    getTujianYjData1(id, num) {
      var data = {
        projectId: localStorage.getItem("projectId"),
        alterationId: id,
        phase: num,
        auditType:1,
      };
      getAlterationDrawingAuditAdviceList(data)
        .then(res => {
          this.listLoading = false;
          console.log(res, "意见列表-初审");
          this.csyjList = res.data.rows;
        })
        .catch(err => {
          this.listLoading = false;
        });
    },
    getTujianYjData2(id, num) {
      var data = {
        projectId: localStorage.getItem("projectId"),
        alterationId: id,
        phase: num,
        auditType:2, 
      };
      getAlterationDrawingAuditAdviceList(data)
        .then(res => {
          this.listLoading = false;
          console.log(res, "意见列表-复审外业");
          this.wyyjList = res.data.rows;
          this.wyyjList.forEach((v, i) => {
            v["eidtState"] = false;
          });
        })
        .catch(err => {
          this.listLoading = false;
        });
    },
    getTujianYjData3(id, num) {
      var data = {
        projectId: localStorage.getItem("projectId"),
        alterationId: id,
        phase: num,
        auditType:2,
      };
      getAlterationDrawingAuditAdviceList(data)
        .then(res => {
          this.listLoading = false;
          console.log(res, "意见列表-初审");
          this.cswyyjList = res.data.rows;
        })
        .catch(err => {
          this.listLoading = false;
        });
    },
    getMainData() {
      this.listLoading = true;
      var data = {
        projectId: localStorage.getItem("projectId")
      };
      getProjectNewestAlterationExpertConsultation(data).then(res => {
        if (res.data) {
          if (res.data.alterationId) {
            this.biangengId = res.data.alterationId;
            this.getTujianYjData(res.data.alterationId, 1);
            // this.getTujianYjData1(res.data.alterationId, 1);
            this.getTujianYjData2(res.data.alterationId, 1);
            // this.getTujianYjData3(res.data.alterationId, 1);
          }
        }
      });

      getFileDetail(localStorage.getItem("projectId")).then(res => {
        this.detailData = res.data;
      });
    },
    handleAddClose() {
      this.fsnyscAdd = false;
    },
    handleAddClose1() {
      this.fswyscAdd = false;
    },
    handleClose() {
      this.isHidde = !this.isHidde;
    },
    handleAdd() {
      switch (this.ideaTabs) {
        case "fsnysc":
          this.fsnyscAdd = true;
          break;
        case "fswysc":
          this.fswyscAdd = true;
          break;
        case "fswyhc":
          this.fswyhcAdd = true;
          break;
        default:
          break;
      }
    },
    /*
     * 提交添加初审内业审查意见
     * */
    handleAddFsnysc() {
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      var data = this.formFsnysc;
      data["alterationId"] = this.biangengId;
      addAlterationDrawingAuditAdvice(data)
        .then(res => {
          loading.close();
          this.$message({
            message: "提交成功",
            type: "success"
          });
          this.fsnyscAdd = false;
          this.getTujianYjData(this.biangengId,1);
          this.formFsnysc.xpoint = 0
          this.formFsnysc.ypoint = 0
          this.formFsnysc.drawingType = ''
          this.formFsnysc.content = ''
          this.formFsnysc.contentType = ''
        })
        .catch(err => {
          loading.close();
        });
    },
    /*
     * 提交添加初审外业审查意见
     * */
    handleAddFswysc(){
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      var data = this.formFswysc;
      data["alterationId"] = this.biangengId;
      addAlterationDrawingAuditAdvice(data)
        .then(res => {
          loading.close();
          this.$message({
            message: "提交成功",
            type: "success"
          });
          this.fswyscAdd = false;
          this.getTujianYjData2(this.biangengId,1);
          this.formFswysc.xpoint = 0
          this.formFswysc.ypoint = 0
          this.formFswysc.drawingType = ''
          this.formFswysc.content = ''
          this.formFswysc.contentType = ''
        })
        .catch(err => {
          loading.close();
        });
    },
    /*
     * 提交添加复审外业核查意见
     * */
    handleAddFswyhc() {
      this.fswyhcAdd = false;
    },
    /*
     * 拾取坐标
     * */
    handlePickup() {
      console.log("拾取坐标");
    },

    handleDropDownView(index) {
      let item = this.detailData.drawings[index];
      if (!item.fileId) {
        // 查看红线
        this.$refs.threeMap.getHxData(item);
      } else {
        // 查看现状图
        this.$refs.threeMap.handleXzView(item);
      }
    }
  }
};
</script>

<style lang="scss">
.indexmap {
  .menubox {
    width: 40px;
    height: 390px;
    background: #ffffff;
    border-radius: 2px;
    left: 40px;
    top: 40px;
    position: absolute;
    .item {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 48px;
      cursor: pointer;
      img {
        width: 24px;
        height: 24px;
      }
    }
    .line {
      width: 18px;
      height: 1px;
      margin: auto;
      background: #e6e6e6;
    }
  }
}

// 主container
.mainBox {
  /deep/ .el-tabs__header {
    margin: 0;
  }
  /deep/ .checkTabs.el-tabs {
    display: flex;
    & > .el-tabs__header {
      width: 88px;
      height: 656px;
      background: rgba(247, 248, 250, 1);
      opacity: 1;
      padding: 30px 0;
      margin-right: 0;
      border-radius: 4px 0px 0px 4px;
      box-sizing: border-box;
      /deep/ .el-tabs__nav {
        /deep/ .el-tabs__item,
        /deep/ .el-tabs__active-bar {
          height: 40px;
          line-height: 40px;
          font-size: 14px;
        }
      }

      /deep/ .el-tabs__item.is-active {
        background: #ebeff5;
      }
      /deep/ .el-tabs__nav-wrap::after {
        background: none;
      }
    }
    /deep/ .txtContent.el-row {
      margin-left: 20px;
    }
  }
  .topRow {
    border-bottom: 1px solid #f2f2f2;
    padding-left: 30px;
  }
  .checkTabs {
    & > .el-tabs__content {
      width: 672px;
      height: 100%;
      padding: 30px 0;
      box-sizing: border-box;
      .tit {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        color: rgba(29, 140, 243, 1);
        opacity: 1;
        display: inline-block;
        margin-bottom: 10px;
        border-bottom: 2px solid #1570d5;
      }
    }
  }
}

// 综合监管列表
.txtContent {
  display: flex;
  width: calc(100% - 20px);
  height: 120px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(225, 226, 230, 1);
  .txtItems {
    width: calc(100% - 60px);
    padding-left: 10px;
    & > span {
      font-size: 14px;
      font-family: PingFang SC;
      margin-top: 10px;
      font-weight: 500;
      line-height: 20px;
      color: rgba(140, 140, 140, 1);
      opacity: 1;
      display: inline-block;
      width: 240px;
    }
    .txtTitle {
      display: block;
    }
  }
  .toolBtn {
    position: relative;
    width: 116px;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 14px;
    justify-content: space-between;
    .eidtState {
      font-size: 14px;
      color: #7eb1e6;
      line-height: 20px;
      margin-right: 10px;
      cursor: pointer;
    }
    a {
      line-height: 20px;
      font-size: 14px;
      color: rgba(29, 136, 243, 1);
      &.del {
        color: #f92828;
      }
    }
    .eidtStateBox {
      position: absolute;
      width: 176px;
      height: 60px;
      bottom: -3px;
      right: 70px;
      z-index: 1000;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
      display: flex;
      align-items: center;
      padding: 0 20px;
      /deep/ .el-checkbox {
        margin-right: 6px;
      }
    }
  }
}

// 审查意见
.ideaTabs {
  height: 100%;
  /deep/ .el-tabs {
    height: 100%;
    overflow: hidden;
  }
  /deep/ .el-tab-pane {
    height: 100%;
  }
  /deep/ .el-tabs__nav-scroll {
    padding-left: 30px;
    border-bottom: 1px solid #f2f2f2;
  }
  /deep/ .el-tabs__item {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    color: #999999;
    padding: 0 10px;
    &.is-active {
      color: #1d88f3;
    }
  }
  /deep/ .el-tabs__nav-wrap::after {
    background: none;
  }

  // 添加按钮
  .blue {
    background: #409eff;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 34px;
    right: 30px;
    width: 60px;
    height: 28px;
    padding: 0;
    &.is-disabled {
      background: #f0f3f5;
      color: #b3b3b3;
    }
  }
  /deep/ .el-tabs__content {
    padding: 0;
    height: calc(100% - 47px);
    box-sizing: border-box;
  }
  /deep/ .el-row {
    height: 150px;
  }
  .wy {
    /deep/ .el-row {
      height: 120px;
    }
  }
  // 复核内业审查意见列表
  .txtItems {
    display: flex;
    flex-direction: column;
    .subItem {
      display: flex;
      & > span {
        font-size: 14px;
        font-family: PingFang SC;
        margin-top: 10px;
        font-weight: 500;
        line-height: 20px;
        color: rgba(140, 140, 140, 1);
        width: 200px;
      }
    }
    & > span {
      display: inline-block;
      width: 100%;
      &.cols2 {
        width: 200px;
      }
    }
    .changeTime {
      position: absolute;
      top: 10px;
      right: 30px;
      width: auto;
    }
    .changeStatus {
      display: flex;
      font-size: 14px;
      font-family: PingFang SC;
      margin-top: 10px;
      font-weight: 500;
      line-height: 20px;
      color: rgba(140, 140, 140, 1);
      & > span {
        display: inline;
        width: auto;
      }
    }
  }

  // 添加复审内业审查意见
  .formFsnysc,
  .formFswyhc {
    .posLab {
      font-size: 13px;
      color: #a6a6a6;
      margin-right: 7px;
    }
    .pblLayItem {
      display: flex;
      justify-content: space-between;
      align-items: center;
      /deep/ .el-form-item {
        display: flex;
      }
      .group {
        display: inline;
      }
    }
    /deep/ .el-form-item__label {
      font-size: 14px;
      font-weight: 500;
      color: #8c8c8c;
    }
    .position {
      height: 40px;
      color: #409eff;
      background: #f0f5fa;
      padding: 8px;
    }
    /deep/ .el-input {
      width: 180px;
      height: 40px;
      font-size: 14px;
      color: #666;
      /deep/ .el-input__inner {
        height: 40px;
      }
      &.pos {
        width: 160px;
      }
    }
    .txtArea {
      width: 488px;
      height: 160px;
    }
    .btns {
      margin-left: 70px;
      btn {
        font-size: 14px;
        color: #666666;
      }
      .submit {
        background: #409eff;
        color: #fff;
      }
    }
    width: calc(100% - 20px);
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 20px 95px 0 0;
    margin: 0 0px 0 20px;
  }
  // 复审外业核查意见
  .fswyhc {
    .txtContent {
      height: 120px;
    }
  }
}
</style>
